﻿* {
    margin: 0;
    padding: 0;
    list-style: none;
}

body {
    padding: 0;
    margin: 0;
}


#img_box {
    width: 320px;
    height:220px;
    padding:5px;
    border:1px solid #dedede;
    margin:auto;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

    #img_box > li {
        width: 150px;
        height: 100px;
        float: left;
        list-style: none;
        margin:5px;
    }
    .clearfix {
        clear:both;
    }
        #img_box > li:hover {
            border-color: #ededed;
            box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
        }

    #img_box .active {
        border: 1px dashed #ddd;
    }
